* {
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;

  #left-button-wrapper {
    position: absolute;
    left: 0;
    width: 19.8%;
    height: 100%;
    background: #383838;
    border-right: 5px solid #e1e0e0;

    h5 {
      margin-bottom: 10px;
      color: white;
    }

    ul {
      li {
        display: block;
        float: left;
        padding: 3px;
        list-style: none;
      }
    }

    .plot-action-wrapper, .base-plot-wrapper, .flag-arrow-wrapper, .rescue-element-wrapper, .important-element-wrapper {
      height: 90px;
      border: 2px solid pink;
    }

    .flag-arrow-wrapper {

    }
  }

  #map {
    position: absolute;
    width: 80%;
    height: 100%;
    right: 0;
  }
}